<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车贷计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/chedai.css">
    <script src="../js/chedai.js"></script>
</head>
<body>
<div id="all">
    <div id="top">
        <img src="../image/logo.png" alt="">
        <div id="all-1"><span id="ipt1">购车贷款计算</span></div>
        <div id="all-2"><span id="ipt2">购车税费</span></div>

    </div>
    <div id="mid">
        <div id="div1">
            <ul>
                <li>裸车价格：     <input type="text" vlaue="金额"id="luochejiage"> 元</li>
                <li>首付比例：
                    <select id="shoufubili">
                        <option>2</option>
                        <option>4</option>
                        <option>6</option>
                        <option>8</option>
                    </select>成</li>
                <li>带货期限：
                    <select id="daikuaiqixian">
                    <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                </select>个月</li>
                <li>贷款年利率：    <select >
                    <option id="daikuannianlilv">5.6%</option>
                </select>
                <select >
                    <option>无折扣</option>
                </select>
                =<input type="text" value="5.6">%
                </li>
            </ul>
        </div>
        <div id="div2" class="yin">
            <ul>
                <li>裸车价格：     <input type="text" vlaue="金额"> 元</li>
                <li>车辆排量：
                    <select id="cheliangpailiang">
                        <option>1.0L-1.6L</option>
                        <option value="200">2.0L-3.6L</option>
                        <option value="300">3.0L-4.6L</option>
                        <option value="400">4.0L-5.6L</option>
                    </select></li>
                <li>计划上排地：
                    <select>
                        <option>B-北京</option>
                        <option>F-河北</option>
                        <option>N-安徽</option>

                    </select></li>
                <li>
                 车辆情况：<input type="radio" name="car" checked>6座以下
                    <input type="radio" name="car">6座以上
                </li>
            </ul>
        </div>
        <div>
            <button id="but1">立即计算</button>
            <button id="but2">清除</button>
        </div>
    </div>
    <div id="bot">
        <div id="bot-1" class="yin">
            <span>计算结果</span>
            <ul>
                <li>每月还款      <input type="text" value="0" id="meiyuehuankuan">元</li>
                <li>利息综合      <input type="text" value="0" id="lixizonghe">元</li>
                <li>累计还款总额   <input type="text" value="0" id="lijihuankuanzonge">元</li>
            </ul>
        </div>
        <div id="bot-2" class="yin">
            <span>计算结果</span>
            <ul>
                <li>费用合计      <input type="text" value="0" id="hejifeiyong">元</li>
                <li>新车购置税      <input type="text" value="0" id="xinchegouzhifei">元</li>
                <li>上牌费用   <input type="text" value="500" id="shangpeifeiyong">元</li>
                <li>车船使用税   <input type="text" value="420" id="chechuanshiyongfei">元</li>
                <li>交强险费用   <input type="text" value="950" id="jiaoqiangxianfei">元</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>